{% extends "../layoutWithSideBar.njk" %}

{% block banner %}
  <div class="ht-banner">
    <img src="/public/imgs/banner/list1.jpg" alt="">
  </div>
{% endblock %}

{% block content %}
  <section class="row" style="padding-bottom: 8px;">
    <div class="col-md-4">
      <img src="/public/imgs/info.png" alt="" style="width: 280px;height: 280px;">
    </div>
    <div class="list col-md-8">
      <section class="items">
        {% for news in list1 %} 
          {% if loop.index < 8 %}
            <div class="item">
              <a class="fs-14 text-dark" href="{{baseDetailUrl1}}{{news.id}}">{{news.title}}</a>
              <div class="pull-right text-muted">{{news.updTime}}</div>
            </div>
          {% endif %}
        {% endfor %}
      </section>
    </div>
  </section>
  <div style="height: 1px;border-bottom:1px solid #e5e5e5"></div>
  <section class="row" style="padding-bottom: 8px;">
    <div class="col-md-4">
      <img src="/public/imgs/announcement.png" alt="" style="width: 280px;height: 280px;">
    </div>
    <div class="list col-md-8">
      <section class="items">
        {% for news in list2 %}
          {% if loop.index < 8 %}
            <div class="item">
              <a href="{{baseDetailUrl2}}{{news.id}}">{{news.title}}</a>
              <div class="pull-right text-muted">{{news.updTime}}</div>
            </div>
          {% endif %}
        {% endfor %}
      </section>
    </div>
  </section>
  <div style="height: 1px;border-bottom:1px solid #e5e5e5"></div>
  <section class="row" style="padding-bottom: 8px;">
    <div class="col-md-4">
      <img src="/public/imgs/productions.png" alt="" style="width: 280px;height: 280px;">
    </div>
    <div class="list col-md-8">
      <section class="items">
        {% for news in list3 %}
          {% if loop.index < 8 %}
            <div class="item">
              <a href="{{baseDetailUrl3}}{{news.id}}">{{news.title}}</a>
              <div class="pull-right text-muted">{{news.updTime}}</div>
            </div>
          {% endif %}
        {% endfor %}
      </section>
    </div>
  </section>
{% endblock %}

{% block script %}
<script>
  $('#pagination').pager({
      linkCreator: function(page, pager) {
          return '{{baseDetailUrl}}/' + page;
      }
  });
</script>
{% endblock %}